<template>
  <div class="member-item">
    <div class="member-li" :style="`width: ${100/6}%;`" v-for="(item,index) in viewModel" :key="index">
      <div class="member-li_box" :style="`background-color: ${item.bgcolor};`">
        <div class="member-p1">
          <i class="icon iconfont " :class="`${item.icon.name}`" :style="`color: ${item.bgcolor};`"></i>
          <div class="member-p1_text">{{item.name}}</div>
        </div>
        <div class="li-box_p2">{{item.intro}}</div>
      </div>
    </div>
  </div>
</template>
<script>
  export default {
    props: {
      viewModel: {}
    }
  }
</script>
<style rel="stylesheet/scss" lang="scss">
  @import "./style.scss";
</style>

